<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>H5表单input新增属性值</title>
</head>
<body>

<!-- 如果表单设置novalidate属性，表单提交时将不在进行验证-->
<form action="" novalidate>
    <!--邮箱类型的输入框，表单提交时会校验格式，为空不校验-->
    <input type="email"><br>
    <!--url类型的输入框，表单提交时会校验格式，为空不校验-->
    <input type="url"><br>
    <!--数字类型的输入框，表单提交时会校验格式，为空不校验-->
    <input type="number"><br>
    <!--搜索类型的输入框，表单提交时会校验格式，为空不校验-->
    <input type="search"><br>
    <!--电话的输入框，表单提交时会校验格式，为空不校验-->
    <input type="tel"><br>
    <!--范围类型的输入框，默认值为50,表单提交时会校验格式，为空不校验-->
    <input type="range"><br>
    <!--颜色类型的输入框，表单提交时会校验格式，为空不校验-->
    <input type="color"><br>
    <!--日期类型的输入框，表单提交时会校验格式，为空不校验-->
    <input type="date"><br>
    <!--月份类型的输入框，表单提交时会校验格式，为空不校验-->
    <input type="month"><br>
    <!--周类型的输入框，表单提交时会校验格式，为空不校验-->
    <input type="week"><br>
    <!--时间类型的输入框，表单提交时会校验格式，为空不校验-->
    <input type="time"><br>
    <!--日期+时间的输入框，表单提交时会校验格式，为空不校验-->
    <input type="datetime-local"><br>
</form>
</body>
</html>